﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <link href="../css/MyCenter.css" rel="stylesheet" />
    <link href="../css/mui/mui.min.css" rel="stylesheet" />
    <link href="../css/WeUI/weui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/amazeui.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <style>
        body {
            font-family: 'Microsoft YaHei';
        }

        p {
            font-size: 4.5vw;
            margin-bottom: 0;
        }
    </style>
    <title>个人中心</title>
</head>
<body>
    <!-- <header class="mui-bar mui-bar-nav" style="position: sticky;">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: gray;" href="../index.html"></a>
        <h1 class="mui-title">个人中心</h1>
    </header> -->
    <div class="top_div">
        <img src="../images/bac.jpg" class="top_img">
        <div class="userInfo">
            <a href="./personal-data.html"><img class="uPic" src="../images/pexels-spencer-selover-428364.jpg" /><br /></a>
            <img src="../images/hy.png" class="hy" />
            <span class="uName" style="color: #674c3b; ">
                年费会员 2023-03-02到期
            </span>
            <p class="uBalance" style="color: rgb(74, 70, 66); ">Jack</p>
        </div>
    </div>
    <div class="weui-panel" style="margin-top: 0;">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="./personal-data.html">
                        <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>我的资料</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="./footprint.html">
                        <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>我的足迹</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="./order.html">
                        <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>我的订单</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="weui-panel__bd">
        <div class="weui-media-box weui-media-box_small-appmsg">
            <div class="weui-cells">
                <a class="weui-cell weui-cell_access" href="./expense.html">
                    <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                    <div class="weui-cell__bd weui-cell_primary">
                        <p>消费记录</p>
                    </div>
                    <span class="weui-cell__ft"></span>
                </a>
            </div>
        </div>
    </div>
</div>
    <div class="weui-panel">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="./member.html">
                        <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>开通年费会员</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="./recharge.html">
                        <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>充值</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
    </div>
    </div>
    <div class="weui-panel">
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_small-appmsg">
                <div class="weui-cells">
                    <a class="weui-cell weui-cell_access" href="./contact.html">
                        <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                        <div class="weui-cell__bd weui-cell_primary">
                            <p>联系我们</p>
                        </div>
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div data-am-widget="navbar" class="am-navbar  gm-foot am-no-layout" id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4">
            <li > 
              <a href="../index.html" class="">
                  <span class="am-icon-home"></span>
                  <span class="am-navbar-label">首页</span>
              </a>
            </li>
            <!-- <li>
              <a href="order.html" class="">
                  <span class="am-icon-th-large"></span>
                  <span class="am-navbar-label">订单</span>
              </a>
            </li> -->
            <li class="curr">
              <a href="personal-center.html" class="curr">
                  <span class="am-icon-user"></span>
                  <span class="am-navbar-label">我的</span>
              </a>
            </li>
            
        </ul>
    </div>
</body>
</html>
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/amazeui.min.js"></script>
